<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"  import="java.util.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function searchObject(){
	$('#tt').datagrid('load',{
		searchTen: $('#searchTen').val(),
	});
}
jQuery(function(){
	$("#searchTen").autocomplete("search/searchCTGD.jsp");
});
</script>
<style type="text/css">
#fm {
	margin: 0;
	padding: 5 0px;
}

.ftitle {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.fitem {
	margin-bottom: 7px;
}

.fitem label {
	display: inline-block;
	width: 200px;
}

.fitem input {
	display: inline-block;
	width: 250px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #888888;
    border-radius: 5px 5px 5px 5px;
    color: #222222;
    margin: 0 5px 0 0;
    padding: 3px 3px;
}
</style>
</head>
<body>
	<table id="tt" class="easyui-datagrid" style="width:800px;height:737px"
			url="CTGDServlet"
			title=":: CHƯƠNG TRÌNH GIẢNG DẠY" toolbar="#tb"
			rownumbers="true" pagination="true" singleSelect="true" fitColumns="true">
		<thead>
			<tr>
				<th field="ten_van_tat">Tên Vắn Tắt</th>
				<th field="ten_day_du">Tên Đầy Đủ</th>
				<th field="nam_bd_tuyen_sinh">Năm BĐ TS</th>
				<th field="nam_kt_tuyen_sinh">Năm KT TS</th>
				<th field="ts_tc">Tổng Số TC</th>
				<th field="ten_ctdt">Chương Trình Đào Tạo</th>
			</tr>
		</thead>
	</table>
	
	<div id="tb" style="padding:5px">
		<div style="padding:5px">
			<input class="search" id="searchTen" name="searchTen" type="text" placeholder="nhập tên đầy đủ cần tìm">
			<a href="#" class="easyui-linkbutton"  iconCls="icon-searchs" plain="true" onclick="searchObject()">Tìm Kiếm</a>
			<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newObject()">In</a> 
		</div>
	</div>
</body>
</html>